body {
    background-color: #ccc;
}

.good:before {
  display:inline-block;
  color:green;
  padding:0 6px 0 0;
}

.info:before {
  display:inline-block;
  font-weight: 600;
  color:#4242d2;
  padding:0 6px 0 0;
}

.err:before {
  display:inline-block;
  color:red;
  padding:0 6px 0 0;
}

.warn:before {
  display:inline-block;
  color:#dcdc00;
  padding:0 6px 0 0;
}

.fa, .fas {
  font-weight: 500;
}

ul li {
  list-style-type:none;
  font-size:1em;
}

.dropzone {
    background: white;
    border-radius: 5px;
    border: 2px dashed rgb(0, 135, 247);
    border-image: none;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

.clickhere {
    text-decoration: none;
    background-color: rgb(0, 135, 247);
    color: white;
    padding: 10px;
    border: 1px solid #003eff;
    border-radius: 3px;
    font-size: 1.5em;
    display:inline-block;
}
.recent {
    background: white;
    border-radius: 5px;
    border: 2px solid rgb(0, 135, 247);
    border-image: none;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

.results {
    background: white;
    border-radius: 5px;
    border: 2px solid rgb(0, 135, 247);
    border-image: none;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

.logo {
    float: left;
    border-radius: 5px;
    border: 2px solid rgb(0, 135, 247);
    border-image: none;
    margin-left: 1em;
    margin-top: 1em;
}

.xml {
    background: white;
    border-radius: 5px;
    border: 2px solid rgb(0, 135, 247);
    border-image: none;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

.container {
    background-color: #ccc;
}

.col-centered {
    float: none;
    margin: 0 auto;
}

.btn {
    margin-top: 0.8em;
}
